<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <!-- 重置样式表 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 当前样式表 -->
    <link rel="stylesheet" href="../css/register.css">
</head>

<body>
    <!-- 头部 -->
    <div class="head">
        <img src="../imgs/loginlogo.png" alt="">
        <p>已有源码账号，<a href="./login.html">登录</a></p>
    </div>

    <!-- 主体 -->
    <div class="main">
        <div class="model">
            <h1>欢迎注册</h1>
            <h2>百万接口免费试用</h2>
            <p class="gift"><img src="../imgs/reg-gift.png" alt="">
                注册即送300元大礼包</p>
            <p class="prompt"><input type="text" placeholder="用户名 (6-20为数字字母)" id="user">
                <img src="../imgs/clearInput.png" alt="" class="oneBtn">
                <div class="one">
                    <span class="prompt-img"></span>
                <span class="prompt-p">昵称需在6-12位字母数字之间</span>
                </div>
            </p>
            <p class="prompt"><input type="text" placeholder="请输入手机号码" id="tel">
                <img src="../imgs/clearInput.png" alt="" class="twoBtn">
               <div class="two">
                <span class="prompt-img"></span>
                <span class="prompt-p">请输入正确的手机号</span>
               </div>
            </p>
            <p class="phone"><input type="text" placeholder="请输入手机短信验证码" id="phone">
                <img src="../imgs/clearInput.png" alt="" class="threeBtn">
                <button>获取验证码</button>
               <div class="three">
                <span class="phone-img"></span>
                <span class="phone-p">请输入4位手机验证码</span>
               </div>
            </p>
            <p class="prompt"><input type="password" placeholder="请输入6-12位的手机密码" id="pwd">
                <img src="../imgs/clearInput.png" alt="" class="fourBtn">
               <div class="four">
                <span class="prompt-img"></span>
                <span class="prompt-p">请输入6-12位的密码</span>
               </div>
            </p>
            <p class="check"><input type="checkbox">我已阅读并接受&nbsp;<a href="">《源码用户服务协议》</a>
                <a href="">《源码隐私政策》</a>
            </p>
            <button class="register" disabled>立即注册</button>
        </div>
    </div>

    <!-- 当前js -->
    <script src="../js/register.js"></script>
</body>
 
</html>